.advise {
  height          : 100%;
  overflow-y      : scroll;
  background-color: #fff;

  .header {
    background-color: #1677ff;
    height          : 70px;
    color           : #fff;
    line-height     : 70px;
    padding-left    : 20px;
  }

  .content {
    background-color: #fff;
    border-radius   : 8px;
    margin-top      : -5px;
    padding         : 31px 16px 0 16px;

    .title {
      display      : flex;
      align-items  : center;
      margin-bottom: 16px;

      img {
        width       : 20px;
        height      : 20px;
        margin-right: 11px;
      }

      span {
        color      : #303133;
        font-size  : 17px;
        font-weight: bold;
      }
    }

    .mold {
      display        : flex;
      align-items    : center;
      justify-content: space-around;

      div {
        width           : 100px;
        height          : 40px;
        font-size       : 16px;
        border-radius   : 4px;
        text-align      : center;
        line-height     : 40px;
        background-color: #F6F7FB;
        opacity         : 0.5;
      }

      .active {
        background-color: #ECF6FF;
        color           : #1677ff;
      }
    }

    .select {
      font-size: 12px;
      color    : #a6a6a6;
      margin   : 13px;

      span {
        color: #373737;
      }
    }

    .description {
      .desc_title {
        display      : flex;
        align-items  : center;
        margin-bottom: 16px;
        margin-top   : 36px;

        img {
          width       : 20px;
          height      : 20px;
          margin-right: 11px;
        }

        span {
          color      : #303133;
          font-size  : 17px;
          font-weight: bold;
        }
      }

      .za-input {
        background-color: #F6F7FB;
        font-size       : 14px;
        border-radius   : 5px;
        padding         : 20px;
      }
    }
  }

  .submit {
    margin-top: 80px;
    padding: 0 16px;
  }
}